<!--#
layout("/layouts/platform.html"){
#-->
<style>
    table.reference {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 4px;
        margin-top: 4px;
    }

    table.reference tr:nth-child(odd) {
        background-color: #f6f4f0;
    }

    table.reference th {
        color: #fff;
        background-color: #555;
        border: 1px solid #555;
        font-size: 12px;
        padding: 3px;
        vertical-align: top;
        text-align: left;
    }

    table.reference td {
        line-height: 2em;
        min-width: 24px;
        border: 1px solid #d4d4d4;
        padding: 5px;
        padding-top: 7px;
        padding-bottom: 7px;
        vertical-align: top;
    }
</style>

<header class="header navbar bg-white shadow">
    <div class="btn-group tool-button m5">
        <a class="el-button el-button--default el-button--medium" href="${base}/platform/sys/msg/user/all" data-pjax><i
                class="ti-angle-left"></i>返回</a>
    </div>
</header>

<div class="content-wrap">
    <div class="wrapper" style="min-height:500px;">
        <section class="panel">
            <div class="row mb10">
                <div class="col-lg-12">
                    <!--#if(!isEmpty(obj)){#-->
                    <div style="text-align:center">
                        <h4>${obj.title!}</h4>
                    </div>
                    <div style="text-align:center;font-size: 14px;line-height: 24px;">
                        ${@date.getDate(obj.sendAt)}
                    </div>
                    <div style="margin-top: 16px !important;border-bottom: 1px solid #DDD;"></div>
                    <div style="margin-top: 16px !important;">
                        <!--#
                        /*如果消息中包含赛果错误则渲染赛果比分*/
                            if(strutil.contain(obj.title, "赛果")){
                        #-->
                        <el-table>
                            <div >
                                <div>皇冠Mid:${match.mid}</div>
                                <div>${match.mbTeam} VS ${match.tgTeam}</div>
                                <div>${match.dateTime}</div>
                                <table class="reference">
                                    <tbody>
                                    <tr>
                                        <th>阶段</th>
                                        <th>${match.mbTeam}</th>
                                        <th>${match.tgTeam}</th>
                                    </tr>
                                    <!--#  for (subResults in match.subResults) {#-->
                                    <tr>
                                        <td>${subResults.remark}</td>
                                        <td>${subResults.resultH}</td>
                                        <td>${subResults.resultC}</td>
                                    </tr>
                                    <!--# } #-->
                                    </tbody>
                                </table>
                            </div>
                        </el-table>
                        <!--#    } else { #-->
                        <!-- 否则直接显示消息-->
                        ${obj.note!}
                        <!--#    }    #-->
                    </div>
                    <!--#}else{#-->
                    消息不存在，或您没有阅读权限！
                    <!--#}#-->
                </div>
            </div>
        </section>
    </div>
</div>
<!--#
}
#-->